Hello~歡迎來到「30天前端設計之旅」的DAY 5！今天，將探討圖片的使用與優化，學習如何添加書籤、創建影像地圖來增強網頁的互動性。

圖片是網頁的靈魂!
圖片不僅能讓網頁變得更有視覺性和吸引力，圖片還可以傳送情感、強調資訊的表達效果。學習如何正確使用圖片、書籤及影像地圖，將大大提升網頁設計。

什麼是書籤？
書籤是一種HTML中很酷的連結，能夠讓網頁使用者在瀏覽網頁時快速跳轉到特定位置。這對於內容資訊很多的網頁非常實用。

影像地圖
影像地圖（Image Map）是指在圖片上設定一些可點擊區塊，而這些區塊可以連結到不同的頁面或資訊。
當網頁利用影像地圖，就可以創建和使用者互動性強的圖片，讓使用者點擊圖片的特定區塊進行導航去指定地方。

D-5學習目標：

1. 圖片的使用與格式：
   • 使用 img 標籤插入圖片，並理解圖片的屬性。
   • align 為水平對齊。
   • valign 為垂直對齊。
2. 書籤的創建：
   • 使用 a 標籤建立網頁連結。
3. 影像地圖的創建：
   • 使用 map 和 area 標籤，為圖片上的不同區塊設置可點擊連結，實現圖片的互動性。
4. 圖形標註：
   • 使用 figure 和 figcaption標籤，主要用來標註圖片。

圖片不僅僅只是裝飾品，圖片可以引導、增強互動性，並讓網頁整體更加生動和有趣！🎨🖼️